<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="static/css/mine-cart-amount.css">
    <link rel="stylesheet" href="static/css/reset.css">
</head>

<body>
    <div class="header">
        <a href="#" class="logo">
            <img src="static/imgs/logo.png" class="logo-img" alt="">
        </a>
        <div class="header-c">
            <ul class="nav">
                <!-- 激活通过标识位来实现 -->
                <li class="nav-item active">
                    <a href="#" class="item-link">首页</a>
                </li>
                <li class="nav-item">
                    <a href="#" class="item-link">女装</a>
                </li>
                <li class="nav-item">
                    <a href="#" class="item-link">男装</a>
                </li>
                <li class="nav-item">
                    <a href="#" class="item-link">箱包</a>
                </li>
                <li class="nav-item">
                    <a href="#" class="item-link">配饰</a>
                </li>
            </ul>
            <div class="search-user">
                <input type="我的购物车" class="search-input">
                <img src="static/imgs/user.png" class="icon" alt="">
                <div class="cart-info-list">
                    <ul class="cart-p-item">
                        <li class="item-proud">
                            <a href="#" class="produce-a">
                                <img class="proud-img" src="static/imgs/dress.png" alt="">
                            </a>
                            <div class="proud-summer">
                                <a href="#"  class="p-tase">
                                    女装 高级轻型羽绒蓬松连帽外套 轻暖便携防水(短款)
                                </a>
                                <p class="p-size">
                                    尺码:S 颜色:米色
                                </p>
                            </div>
                            <div class="proud-money">
                                <p class="p-much">
                                    <span class="much-list"> ¥699</span>
                                    <span class="much-lis"> ✖1</span>
                                </p>
                                <button class="btn-del">删除</button>
                            </div>
                        </li>
                        <li class="item-proud">
                            <a href="#" class="produce-a">
                                <img class="proud-img" src="static/imgs/dress.png" alt="">
                            </a>
                            <div class="proud-summer">
                                <a href="#"  class="p-tase">
                                    女装 高级轻型羽绒蓬松连帽外套 轻暖便携防水(短款)
                                </a>
                                <p class="p-size">
                                    尺码:S 颜色:米色
                                </p>
                            </div>
                            <div class="proud-money">
                                <p class="p-much">
                                    <span class="much-list"> ¥699</span>
                                    <span class="much-lis"> ✖1</span>
                                </p>
                                <button class="btn-del">删除</button>
                            </div>
                        </li>
                        <li class="item-proud">
                            <a href="#" class="produce-a">
                                <img class="proud-img" src="static/imgs/dress.png" alt="">
                            </a>
                            <div class="proud-summer">
                                <a href="#"  class="p-tase">
                                    女装 高级轻型羽绒蓬松连帽外套 轻暖便携防水(短款)
                                </a>
                                <p class="p-size">
                                    尺码:S 颜色:米色
                                </p>
                            </div>
                            <div class="proud-money">
                                <p class="p-much">
                                    <span class="much-list"> ¥699</span>
                                    <span class="much-lis"> ✖1</span>
                                </p>
                                <button class="btn-del">删除</button>
                            </div>
                        </li>
                        <li class="item-proud">
                            <a href="#" class="produce-a">
                                <img class="proud-img" src="static/imgs/dress.png" alt="">
                            </a>
                            <div class="proud-summer">
                                <a href="#"  class="p-tase">
                                    女装 高级轻型羽绒蓬松连帽外套 轻暖便携防水(短款)
                                </a>
                                <p class="p-size">
                                    尺码:S 颜色:米色
                                </p>
                            </div>
                            <div class="proud-money">
                                <p class="p-much">
                                    <span class="much-list"> ¥699</span>
                                    <span class="much-lis"> ✖1</span>
                                </p>
                                <button class="btn-del">删除</button>
                            </div>
                        </li>
                        <li class="item-proud">
                            <a href="#" class="produce-a">
                                <img class="proud-img" src="static/imgs/dress.png" alt="">
                            </a>
                            <div class="proud-summer">
                                <a href="#"  class="p-tase">
                                    女装 高级轻型羽绒蓬松连帽外套 轻暖便携防水(短款)
                                </a>
                                <p class="p-size">
                                    尺码:S 颜色:米色
                                </p>
                            </div>
                            <div class="proud-money">
                                <p class="p-much">
                                    <span class="much-list"> ¥699</span>
                                    <span class="much-lis"> ✖1</span>
                                </p>
                                <button class="btn-del">删除</button>
                            </div>
                        </li>
                    </ul>
                <div class="pro-foot">
                    <!-- <div class="foot-conten"> -->
                        <span class="foot-much">
                            共十三件商品
                        </span>
                        <button class="foot-btn-del">查看购物车</button>
                    <!-- </div> -->
                </div>

                </div>
            </div>

        </div>
    </div>
</body>

</html>